<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>IseedUthemessage</title>
		<script src="js/mui.min.js"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="css/XY.css"/>
		<style>
		    .mui-bar-nav {
		    	background-color:rgb(0,114,220);
		    }
		    .mui-title {
		    	color: white;font-size:25px ;
		    }
		    .mui-tab-label {
		    	font-size: 13px!important;
		    }
		    .mui-control-item.mui-active {
		    	color:rgb(0,114,220)!important;border-bottom: rgb(0,114,220)!important;
		    }
		    .mui-active {
		    	border-bottom:2px solid blue!important;color:#0072dc!important;
    		font-size: 16px;
		    }
		</style>
		<script type="text/javascript" charset="utf-8">
      	mui.init();
    </script>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<h1 class="mui-title" id="titile">消息</h1>
		</header>
		<nav class="mui-bar mui-bar-tab">
			<a class="mui-tab-item" href="#">
			    <i class="mui-icon iconfont">&#xe63e;<span class="mui-badge">6</span></i>
			    <span class="mui-tab-label">消息</span>
			</a>
			<a class="mui-tab-item mui-active" href="#tabbar">
				<i class="mui-icon iconfont">&#xe647;</i>
				<span class="mui-tab-label">圈子</span>
			</a>
		
			<a class="mui-tab-item" href="#tabbar-with-contact">
				<i class="mui-icon iconfont">&#xe61c;</i>
				<span class="mui-tab-label">关注</span>
			</a>
			<a class="mui-tab-item" href="#tabbar-with-map">
				<i class="mui-icon iconfont">&#xe632;</i>
				<span class="mui-tab-label">我的</span>
			</a>
		</nav>
		<div class="mui-content">
	        <div class="message-header">
				<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-negative">
					<a class="mui-control-item mui-active" href="#">
				通知
			</a>
					<a class="mui-control-item" href="#">
				@我
			</a>
			<a class="mui-control-item" href="#">
				私信
			</a>
				</div>
			</div>
		</div>
		
	</body>























</html>
